
.view {
	position : 	absolute;
	top : 45px;left : 0px;right : 0px;bottom : 0px;
}

.header {
	position : absolute;
	top: 0px;bottom : 0px;left: 0px;right: 0px;
	height: 60px;line-height: 60px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

/* Swipe works with mouse as well but often causes text selection. */
#main-page * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
    background: none !important;
    border: 0;
}

/*These apply across all breakpoints because they are outside of a media query */
table.equipements-compare thead th {
    background-color: #fff;
}
table.equipements-compare thead th h4 {
    text-transform: uppercase;
    font-size: 0.6em;
    margin: 0;
}
table.equipements-compare thead th h3 {
    font-size: .9em;
    margin: -.4em 0 .8em 0;
}
table.equipements-compare th.label {
    text-transform: uppercase;
    font-size: 0.6em;
    opacity: 0.5;
    padding: 1.2em .8em;
    background-color: #ddd;
}
table.equipements-compare tbody tr.photos td {
    background-color: #fff;
    padding: 0;
}
table.equipements-compare tbody tr.photos img {
    max-width: 100%;
    min-width: 60px;
}
/*  Use the target selector to style the column chooser button */
a[href="#equipements-table-popup"] {
    margin-bottom: 1.2em;
}
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    .equipements-compare th.ui-table-priority-1,
    .equipements-compare td.ui-table-priority-1 {
        display: table-cell;
    }
}
/* Show priority 2 at 560px (35em x 16px) */
@media screen and (min-width: 35em) {
    .equipements-compare th.ui-table-priority-2,
    .equipements-compare td.ui-table-priority-2 {
        display: table-cell;
    }
}
/* Show priority 3 at 720px (45em x 16px) */
@media screen and (min-width: 45em) {
    .equipements-compare th.ui-table-priority-3,
    .equipements-compare td.ui-table-priority-3 {
        display: table-cell;
    }
}
/* Manually hidden */
.equipements-compare th.ui-table-cell-hidden,
.equipements-compare td.ui-table-cell-hidden {
    display: none;
}
/* Manually shown */
.equipements-compare th.ui-table-cell-visible,
.equipements-compare td.ui-table-cell-visible {
    display: table-cell;
}

table div.ui-slider::before, div.ui-slider::after {

display: block;

}

#equipementDraggable {
    position:absolute;
    z-index: 3;
    top : 60%;
    left: 50%;
    margin: 5px;
    padding: 5px;
    border:1px dashed #aaaaaa;
    box-shadow:0 0 5px green;
}


@media all and (min-width: 50em){
    
    .view {
	   top : 55px;left : 0px;right : 0px;bottom : 0px !important;
    }
    
    
    h1 {
        font-size: 1.3em !important;
    }
    
    h3 {
        font-size: 1.4em !important;
    }
    
    p, li,li a.ui-link, label, th {
        font-size: 1.3em !important;
    }
    
    li a {
        font-size: 18px;   
    }
    
    #userImageMenu {
         width: 40% !important;  
    }
    
    #nbEvenement ,.ui-li-count {
        font-size: 1em !important;   
    }
    
    div .ui-flipswitch{
        font-size: 1.2em !important;
    }
    
    .ui-btn.ui-flipswitch-on,  .ui-btn.ui-flipswitch-off{
        font-size: 1em !important;
    }
    
    a .ui-link {
        font-size: 1 !important;
    }
    
}